﻿*{margin: 0;padding: 0;}
body,html{
	list-style-type:none; 
	width:100%; 
	height:100%;
	font-size: 62.5%;
	background-color: #4e73b3;
	font-family:"微软雅黑";
}
/*@font-face {
	font-family:myFirstfont;
	src:url('toux.TTF');
}*/
img{ display:block;width:100%; height:100%;}
.swiper-container{
	width: 100%;
	height: 100%;
}
.stop{
	position: fixed;
    top: 1%;
    right: 2%;
    width: 32px;
    height: 32px;
    background-image: url(../img/mu.png);
    background-size: 100%;
    z-index: 1;
}
.fei{
	position: absolute;
	bottom: -9%;
	left:-28%;
	width: 26%;
}
.muls{
	-webkit-animation:muls 2s linear infinite;
	-moz-animation:muls 2s linear infinite;
	-ms-animation:muls 2s linear infinite;
	-o-animation:muls 2s linear infinite;
	animation:muls 2s linear infinite;
}
@-webkit-keyframes muls{
	0%{
		transform: rotate(0);
		-ms-transform: rotate(0);		/* IE 9 */
	-webkit-transform: rotate(0);	/* Safari and Chrome */
	-o-transform: rotate(0);		/* Opera */
	-moz-transform: rotate(0);		/* Firefox */
}
100%{
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);		/* IE 9 */
	-webkit-transform: rotate(360deg);	/* Safari and Chrome */
	-o-transform: rotate(360deg);		/* Opera */
	-moz-transform: rotate(360deg);		/* Firefox */
	}
}
@-webkit-keyframes start {
    0%,30% {opacity: 0; -webkit-transform: translate(0, -8px);} 
    60%{opacity: 1;-webkit-transform: translate(0, 0);} 
    100%{opacity: 0;-webkit-transform: translate(0, 10px);}}
.tips {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  background-image:url(../img/zhix.png);
  background-repeat:no-repeat; 
  background-size:100%;  
  -webkit-animation: start 2.0s ease-in-out infinite;
  animation: start 2.0s ease-in-out infinite;
  position: absolute;
  z-index: 2;
  bottom:10rem;
  left: 45%;
}
.wens{bottom:2rem;}
 /*p1*/
.banner{width: 100%;position: absolute;top: 12%;}
.city{width: 46%;position: absolute;top: 8%;left: 25%;}
.han{width: 50%;position: absolute;top: 40%;left: 24%;}
.tai{width: 10%;position: absolute;top: 36%;left: 45%;}
.logo{width: 68%;position: relative;top: 90%;margin:0 auto;}

/*p2*/
.p2rcar{width: 100%;position: absolute;top: 9%;right: 0%;}
.p2titel{width: 78%;position: absolute;left: 6%;bottom: 12%;}
.p2zi{width: 100%;height:68%;position: absolute;top: -19%;left: -14%;background-color: #e33f74;border-radius: 0 0 60px 0;-webkit-border-radius: 0 0 60px 0;-webkit-transform:rotate(27deg);overflow: hidden;}
.p2zi .p2grow{
	position: absolute;
    width: 78%;
    top: 28%;
    left: 14%;	
    transform: rotate(-27deg);
    -webkit-transform: rotate(-27deg);
}
.p2zi .p2parent{
    position: absolute;
    top: 58%;
    left: 32%;
    width: 70%;	
    transform: rotate(-27deg);
    -webkit-transform: rotate(-27deg);
}
/*p3*/
.P3j{width: 50%;top: 4%;position: relative;margin:0 auto;}
.p3jiaos{width: 90%;position: absolute;top: 22%;left: 5%;}
.p3titl{width: 90%;position: absolute;left: 5%;bottom: 28%;}
.p3mia{width: 90%;position: absolute;left: 5%;bottom: 7%;}
/*p4*/
.df{top: 8%;}
.p4cheng{width: 90%;position: absolute;top: 28%;left: 5%;}
.p4zong{width: 90%;position: absolute;left: 5%;top: 58%;}

/*p5*/
.p4titme{width: 80%;top: 4%;left: 10%;position: absolute;}
.p4address{width: 80%;position: absolute;top: 28%;left: 10%;z-index:1;}
.p4map{width: 96%; position: absolute;left: 3%;bottom: 8%;}
/*p6*/
.p5sign{width: 60%;position: absolute;top:5%;left:20%}
input {
    outline: none;
    border: 1px solid #FFFFFF;
    background-color: transparent;
    border-radius: 10px;
    padding: 0 10px;
    width: 68%;
    height: 3rem;
    color: #FFFFFF;
    margin-left: 14%;
    position:relative;
}	
input::-webkit-input-placeholder{color: #FFFFFF;}
.texbox{position:absolute;top: 44%;}
.texbox input:nth-child(2),.texbox input:nth-child(3),.texbox input:nth-child(4),.texbox input:nth-child(5){margin-top: 3%;}
.texbox button {
    background-color: #e44075;
    border: none;
    width: 74%;
    height: 3.6rem;
    border-radius: 10px;
    margin-left: 14%;
    color: #ffeadc;
    font-size: 1.5rem;
    margin-top: 6%;
}
/*.texbox input:nth-child(7){margin-top: 4%;width: 74%;height: 2.6em;-webkit-background-color: #fd6909;background-color:#fd6909;border: none;font-size: 1.5rem ;}*/